<template>
  <div>
APP.vue
<!--<div>=======Demo组件=========</div>
<Demo />
<div>----------Demo1组件------</div>
<Demo1 />
<div>----------Demo2组件------</div>
<Demo2 />
<div>----------Demo4组件------</div>
<Demo4 />-->
<div>----------Demo5组件表单绑定------</div>
<Demo5 />
<div>----------Demo6组件表单绑定------</div>
<Demo6 v-if="flag"/>
<button @click="flag = !flag">改变flag</button>
<div>----------Demo7组件库使用------</div>
<Demo7 />

  </div>
</template>
<script setup>
//import Demo from '@/views/demo.vue'
//import Demo1 from '@/views/demo1.vue' 
//import Demo2 from '@/views/demo2.vue' 
//import Demo4 from '@/views/demo4.vue' 
import Demo5 from '@/views/demo5.vue'
import Demo6 from '@/views/demo6.vue' 
import Demo7 from '@/views/demo7.vue' 
import { ref } from 'vue';
const flag = ref(true)
</script>
<style scoped>

</style>